@import './base.css';

#app {
    max-width: 560px;
    min-width: 460px;
    height: 680px;
    margin: 0 auto;

    font-weight: normal;
    font-family: "楷体", serif;
    color: #181818;
}

a,
.green {
    text-decoration: none;
    color: hsla(160, 100%, 37%, 1);
    transition: 0.4s;
}

@media (hover: hover) {
    a:hover {
        background-color: hsla(160, 100%, 37%, 0.2);
    }
}

body {
    display: flex;
    place-items: center;
}

/*@media (min-width: 460px) {*/
/*

/*  #app {*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr;*/
/*    padding: 0 2rem;*/
/*  }*/
/*}*/
